.block_image_text_list {
  word-break: break-word;
  .swiper {
    .swiper-wrapper {
      @media screen and (min-width: 768px) {
        grid-template-columns: repeat(var(--pc-number), minmax(0, 1fr));
      }
      .swiper-slide {
        line-height: 1.1;
        .img_box {
          grid-area: 1/1/span 3/span 3;
          .mask {
            background-color: var(--mask-color);
          }
        }
        .text_box {
          color: var(--text-color);
          grid-area: 3/2/auto/span 1;
          z-index: 10;
          .public_title {
            font-size: calc(var(--title_font_size) * 0.75);
          }
        }
      }
    }
  }
  .swiper-pagination {
    .swiper-pagination-bullet {
      background-color: #fff;
      border: 2px solid #fff;
      border-radius: 50%;
      opacity: 1;

      &.swiper-pagination-bullet-active {
        opacity: 1;
        background-color: transparent;
      }
    }
  }
}
